<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>发现</title>
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4803307_hsage5e3gw.css"
    />
    <link rel="stylesheet" href="../css/public.css" />
    <link rel="stylesheet" href="./list.css" />
    <input type="hidden" id="_w_simile" data-inspect-config="3" />
    <script
      type="text/javascript"
      src="chrome-extension://dbjbempljhcmhlfpfacalomonjpalpko/scripts/inspector.js"
    ></script>
  </head>
  <body>
    <header>
      <p class="fcc mt-20 fff">发现</p>
      <div class="head bg-fff mt-20">
        <nav class="flex jc-sa">
          <a onclick="changeNav(1);" class="link active f16 f888 fw-b" href="#"
            >活动</a
          >
          <a onclick="changeNav(2);" class="link f16 f888 fw-b" href="#"
            >商城</a
          >
        </nav>
      </div>
    </header>

    <div style="height: 106px"></div>

    <div class="carousel">
      <div class="swiper">
        <img
          src="../img/activity.png"
          alt=""
          class="swiper-image"
          style="display: none"
        />
        <img
          src="../img/activity2.png"
          alt=""
          class="swiper-image"
          style="display: block"
        />
      </div>
      <!-- 圆点 -->
      <div class="swiper-dots">
        <div class="swiper-dot"></div>
        <div class="swiper-dot active"></div>
      </div>
    </div>

    <main>
      <!-- 列表 -->
      <ul class="list" id="discoverList">
        <li class="item w100p bg-fff flex aic">
          <img src="../img/activity.png" alt="" />
          <div class="right">
            <p class="f18 fw-b">种草达人领福利！</p>
            <p class="f14 f888">2024/06/04-12/31</p>
            <p class="f14 f888">小红书/微信视频号/抖音</p>
          </div>
        </li>

        <li class="item w100p bg-fff flex aic">
          <img src="./img/activity2.png" alt="" />
          <div class="right">
            <p class="f18 fw-b">评价赠送会员积分</p>
            <p class="f14 f888">2024/06/04-12/31</p>
            <p class="f14 f888">米粒熊绘本</p>
          </div>
        </li>
      </ul>
    </main>

    <footer class="bg-fff flex jc-sa fixed w100p"></footer>
    <script src="../js/axios.js"></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>
  </body>
</html>
